$(function () {
    // 1.获取
    initArtCateList();
    let layer = layui.layer;
    function initArtCateList() {

        $.ajax({
            url: '/my/article/cates',
            success: function (res) {
                if (res.status) {
                    return layer.msg(res.message);
                }
                let str = template('tpl-art-cate', res);
                $("tbody").html(str)
            }
        });
    };

    // 2.添加窗口
    $("#btnAdd").on('click', function () {
        indexAdd = layer.open({

            type: 1,
            title: '添加文章分类',
            area: ['500px', '260px'],
            content: $("#dialog-add").html()
        })
    });
    // 3.添加文章分类
    let indexAdd = null;
    $('body').on('submit', '#form-add', function (e) {
        e.preventDefault();
        $.ajax({
            method: 'POST',
            url: '/my/article/addcates',
            data: $(this).serialize(),
            success: function (res) {
                if (res.status != 0) {
                    return layer.msg(res.message);
                }
                layer.msg('恭喜您，添加文章成功');
                // 重新渲染文章分类列表
                initArtCateList();
                // 关闭对话框
                layer.close(indexAdd)
            }
        });
    });

    // 4.展示修改文章分类的对话框
    let indexEdit = null;
    let form = layui.form;
    $("tbody").on('click', '.btn-edit', function () {
        indexEdit = layer.open({
            type: 1,
            title: '修改文章分类',
            area: ['500px', '260px'],
            content: $("#dialog-edit").html()
        });
        // 弹窗后赋值
        let Id = $(this).attr('data-id')
        // alert(Id);
        $.ajax({
            method: 'GET',
            url: '/my/article/cates/' + Id,
            success: function (res) {
                if (res.status != 0) {
                    return layer.msg(res.message);
                }
                // 成功后就渲染数据
                form.val("form-edit", res.data);
            }
        });
    });
    // 5.修改内容;
    $('body').on('submit', '#form-edit', function (e) {
        e.preventDefault();
        $.ajax({
            method: 'POST',
            url: '/my/article/updatecate',
            data: $(this).serialize(),
            success: function (res) {
                if (res.status != 0) {
                    return layer.msg(res.message);
                }
                layer.msg('恭喜您，修改文章分类成功！');
                // 重新渲染文章分类列表
                initArtCateList();
                // 关闭对话框
                layer.close(indexAdd)
            }
        });
    });

    // 6.删除
    $('tbody').on('click', '.btn-delete', function () {
        // alert('111')
        let Id = $(this).attr('data-id')
        layer.confirm('是否确认删除？', { icon: 3, title: '提示' }, function (index) {
            $.ajax({
                url: '/my/article/deletecate/' + Id,
                success: function (res) {
                    if (res.status != 0) {
                        return layer.msg(res.message);
                    }
                    layer.msg('恭喜您，删除文章成功！');
                    // 重新渲染文章分类列表
                    initArtCateList();
                }
            });
            layer.close(index)
        })
    });
});